@charset "utf-8";


*{
	margin:0;
	padding:0;
}

img{
	border:none;
}

ul{
	-webkit-padding-start:0;
}

ul li{
	list-style:none;
}

a{
	text-decoration:none;
	font-size:14px;
}
input{ outline:none;}
input,body{
	font-family:"Microsoft Yahei";
}

#header{ width:100%;}
#header .hd{ width:1200px; margin:0 auto; height:110px; overflow:hidden;}
#header .hd .left{ float:left; width:285px; height:110px;}
#header .hd .left img{ width:205px; height:110px;}
#header .hd .left a{ float:left; }
#header .hd .left .dl{ color:#929292; font-size:16px; margin-left:10px; border-left:1px solid #cecece; padding-left:10px; height:25px; margin-top:45px}
#header .hd .nav{ float:right;}
#header .nav li{display:inline-block;}
#header .nav li a{ padding-left:15px; color:#929292; font-size:13px; line-height:135px; }

.banner{ width:100%; height:710px; background:url(../images/d_banner.jpg) no-repeat center center; background-size:100% 100%;}
.box{ width:1200px; margin:0 auto; position:relative; } 
.box .de{width:355px; position:absolute; right:0; top:100px; background:#fff; border-radius:5px; padding:60px 45px;}
.box .de .all_put{ position:relative; margin-bottom:25px;}
.box .de .all_put input{ width:305px; height:50px; padding-left:45px; border-radius:5px; border:1px solid #dddddd;}
.box.box .de .all_put .yz{ width:140px;}
.box.box .de .all_put .yan{ width:130px; height:50px; border-radius:5px; border:1px solid #dddddd; float:right;}
.box.box .de .all_put .del{ background:#faa600; border:none; width:355px; text-align:center; padding:0; color:#fff; font-size:16px;}
.box.box .de .mi a{ float:right; color:#ff5c00; font-size:12px;}
.box.box .de .mi font{ font-size:14px; margin-left:10px;}
.box.box .de .mi input{ margin-top:6px; float:left;}
.box.box .de .all_put .a{ background:url(../images/user.png) no-repeat 10px center;}
.box.box .de .all_put .b{ background:url(../images/pass.png) no-repeat 12px center;}


.box.box .de .all_put .d{ background:url(../images/user1.png) no-repeat 10px center; width:305px; height:50px; padding-left:45px; border-radius:5px; border:1px solid #36a5ff;}
.box.box .de .all_put .e{ background:url(../images/pass1.png) no-repeat 12px center;width:305px; height:50px; padding-left:45px; border-radius:5px; border:1px solid #36a5ff;}



#footer{ width:100%;}
#footer .f_box{ width:1200px; margin:0 auto;}
#footer .f_box .logo{ float:left;}
#footer .f_box .zhong{ float:left; text-align:center; width:860px; text-align:center;}
#footer .f_box .zhong ul{ margin-top:20px; margin-bottom:20px;}
#footer .f_box .zhong ul li{ display:inline-block;color:#94939d;}
#footer .f_box .zhong ul li a{ color:#94939d; font-size:14px; padding:0 10px;}
#footer .f_box .zhong p{color:#94939d; font-size:14px;}
#footer .f_box .kexin{ float:right; margin-top:25px;}




@media screen and (min-width:100px) and (max-width:769px){
	#header .hd{ width:95%;height:60px;}
	#header .hd .left{width:60%; height:60px;}
	#header .hd .left .logo{ width:60%;}
	#header .hd .left img{ width:100%; height:60px;}
	#header .hd .left a{ float:left; }
	#header .hd .left .dl{ width:20%;font-size:14px; margin-left:5%; border-left:1px solid #cecece; padding-left:5%; height:20px; margin-top:20px}
	#header .hd .nav{ display:none;}
	#header .hd .nnav{ width:8%; display:block!important; float:right; margin-top:18px;}
	#header .hd .nnav img{ width:100%;}
	#header #nav{ display:block!important;}
	
	.banner{ height:425px;}
	.box{ width:95%; margin:0 auto;}
	.box .de{ width:95%; height:315px; margin:0 auto; position:relative; top:25px; padding:0; padding-top:30px;}
	.box .de .all_put{ width:100%; margin-bottom:20px;}
	.box .de .all_put input{ width:60%; display:block; padding-left:20%; margin:0 auto; height:30px; }
	.box.box .de .all_put .a{ background:url(../images/user.png) no-repeat 10% center;}
	.box.box .de .all_put .b{ background:url(../images/pass.png) no-repeat 11% center;}
	.box.box .de .all_put .d{ background:url(../images/user1.png) no-repeat 10% center;width:60%; display:block; padding-left:20%; margin:0 auto; height:30px; border-radius:5px; border:1px solid #36a5ff;}
	.box.box .de .all_put .e{ background:url(../images/pass1.png) no-repeat 11% center;width:60%; display:block; padding-left:20%; margin:0 auto; height:30px; border-radius:5px; border:1px solid #36a5ff;}
	.box.box .de .all_put .yz{ width:30%; margin:0;    margin-left: 10%; padding:0 5%; text-align:left; float:left;}
	.box.box .de .all_put .yan{width: 25%; margin-right: 10%;height: 30px; }
	.box.box .de .all_put .del{ width:80%; margin:0 auto;}
	.box.box .de .mi{ width:80%; margin:0 auto;}
	.box.box .de .mi a{ line-height:20px;}
	.box.box .de .mi font{ margin-left:2%;}
	.box.box .de .im{ width:80%; margin:0 auto;}
	.box.box .de .im img{ width:100%;}
	
	#footer .f_box{ width:95%; margin:0 auto;}
	#footer .f_box .logo{ display:none;}
	#footer .f_box .zhong ul{ margin-bottom:10px;}
	#footer .f_box .kexin{ display:none;}
	#footer .f_box .zhong{ width:95%; float:none; margin:0 auto;}
	#footer .f_box .zhong ul li a{ padding:0 5px;}
	#footer .f_box .zhong p{ line-height:20px; font-size:12px;}
	
	
	#shade{
	width:40%;
	height:100%;
	background:#000;
	position:absolute;
	left:-40%;
	top:0;
	z-index:99999999;
	opacity:0.5;
	/*transition:all linear 0.3s;
    -moz-transition:all linear 0.3s;
    -webkit-transition:all linear 0.3s; 
    -o-transition:all linear 0.3s;*/
} 

#Nav{
	position:absolute;
	top:0;
	width:60%;
	padding-top:15px;
	height:100%;
	overflow:hidden;
	z-index:9999999999999;
	right:-60%;
	background-color:#ebebeb;
	overflow-y:auto;
	
	/*transition:all linear ;
    -moz-transition:all linear 0.3s; 
    -webkit-transition:all linear 0.3s; 
    -o-transition:all linear 0.3s; */
}

#Nav ul{ padding:30px;}
#Nav ul li a{ line-height:40px; color:#333333; font-size:16px;}
	
	
}